@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) Horizontal list navigation "Shiny Buttons"
 * (de) Horizontale Navigationsliste "Shiny Buttons"
 *
 * @copyright       Copyright 2005-2007, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.0.4
 * @revision        $Revision: 130 $
 * @lastmodified    $Date: 2007-10-05 19:05:21 +0200 (Fr, 05 Okt 2007) $
 */

@media all
{
  #nav_main {
    width: 712px;
    float: left;
    display: inline;
    background:transparent;
    line-height: 0;
  }

ul#topNav {
	margin: 0; padding: 0;
	float:left;
	width: 100%;
	list-style: none;
	font-size: 1.1em;
}
ul#topNav li {
	float: left;
	margin: 0; padding: 0;
	position: relative; /*--Important--*/
	 background:url(../../images/line_nav.jpg) no-repeat left;
	padding-left: 2px;
}
  
  #nav_main ul li#MenuHome {background: none;}

  ul#topNav li a {
	text-align: center;
	height: 43px;
	display: block;
	text-transform: uppercase;
	font-size: 11px; 
	color: #fff;
	padding: 0 16px;
	padding: 0 13px\0/;
	line-height: 43px;
	vertical-align: middle;
	overflow: hidden;
	cursor: pointer;
	font-weight: bold;
	text-decoration: none;
}
ul#topNav li a:hover, ul#topNav li.hover a { background: url(../../images/menu_active.png) repeat-x top; color: #3aeaff; } /*--Hover State--*/

ul#topNav li .sub {
	position: absolute; /*--Important--*/
	background:url(../../images/mega_menu.jpg) no-repeat top left; 
	width: 350px; 
	/*height: 250px; */
	height: 270px;
	top: 43px; left: 1px;
	z-index: 99999;
	float: left;
	display: none; /*--Hidden for those with js turned off--*/
	overflow: hidden;
}

ul#topNav .sub ul { list-style: none; padding: 0; margin: 13px 0 0 0; width: 175px; float: left; display: inline;}
ul#topNav .sub ul li { background: url(../../images/menu_bullet.png) no-repeat 16px 12px; padding-left: 12px; float: left; clear: left; width: 175px;}
ul#topNav .sub ul li a { background: none; height: 30px; line-height: 30px; color: #fff; display: block; font-size: 11px; font-weight: normal; text-align: left;}
ul#topNav .sub ul li a:hover { color: #3aeaff;}
  
}